<template>

    <van-swipe :autoplay="3000" lazy-render v-if="banner.length">
    <van-swipe-item v-for="(item, index) in banner" :key="index">
        <img :src="item.img_url" />
    </van-swipe-item>
    </van-swipe>
</template>

<script>
export default {
    name:'HomeSwiper',
    props: {
        banner:Array,
        default(){
            return[]
        }
    },
}
</script>
<style>
  .my-swipe .van-swipe-item {
    color: #fff;
    font-size: 20px;
    /* line-height: 150px; */
    text-align: center;
    /* background-color: #39a9ed; */
  }
  img {
      width:100%;
      height: 180px;
  }
</style>